import { useState } from 'react';
import { Text, TextInput, View, StyleSheet } from 'react-native';

export default function App() {
  {/* text 是状态变量的名字,setText 是更新 text 状态的函数 */ }
  const [text, setText] = useState('');

  return (
    <View>
      <TextInput
        placeholder='请输入用户名'
        // onChangeText 用户输入时，会被触发并将输入的值传递给 setText 函数，从而更新 text 状态
        onChangeText={setText}
        style={styles.input}
      />
      <Text>{text}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  input: {
    height: 40,
    borderColor: '#4A90E2',
    borderWidth: 1,
    borderRadius: 8,
    paddingHorizontal: 12,
    backgroundColor: '#F5F7FA',
    margin: 12,
    fontSize: 16,
  },
});




